<template>
    <div>
      <p>asdasdF1111111111</p>
      <p>{{count}}</p>
      <button @click="add">add</button>
      <button @click="actionAdd">actionAdd</button>
      <button @click="remove">remove</button>
      <button @click="actionRemove">actionRemove</button>
      <vuedata></vuedata>
    </div>
</template>

<script>
    import vuedata from './../page/vuexData'
    import {mapState,mapActions,mapMutations} from 'vuex'
    export default {
        name: "vuexpage",
        components:{
          vuedata
        },
        computed:{
          ...mapState(['count'])
        },
        methods:{
          ...mapActions(['actionAdd','actionRemove']),
          ...mapMutations(['add','remove']),
        }
    }
</script>

<style scoped>

</style>
